$(function(){
    $('.userFollowList').on('click','li',function(e){
        e.preventDefault();
        e.stopPropagation();
        $(this).addClass('active').siblings().removeClass('active');
        var pageName = $(this).attr('data_pageName');
        $(pageName).addClass('active').siblings('.followList_main').removeClass('active');
    })
    //我关注的
    $('#myFloow').on('click','.follow_btn',function(e){
        e.preventDefault();
        e.stopPropagation();
        var btnHtml = $(this).text();
        if( btnHtml === '已关注' ||  btnHtml === '互相关注'){
            $(this).text('关注');
            $(this).removeClass('btn_gray').addClass('btn_orange');
        }
        if( btnHtml === '关注'){
            $(this).text('已关注');
            //需要加一个判断是否是我的粉丝，如果是，则变成互相关注，否则变成已关注。
            $(this).removeClass('btn_orange').addClass('btn_gray');
        }
    })
    //我的粉丝
    $('#myFans').on('click','.follow_btn',function(e){
        e.preventDefault();
        e.stopPropagation();
        var btnHtml = $(this).text();
        if( btnHtml === '关注'){
            $(this).text('互相关注');
            $(this).removeClass('btn_orange').addClass('btn_gray');
        }
        if( btnHtml === '互相关注'){
            $(this).text('关注');
            $(this).removeClass('btn_gray').addClass('btn_orange');
        }
        if( btnHtml === '加入黑名单'){
            //做响应的加入黑名单操作。
        }
    })
    //移除黑名单
    $('#myBlackList').on('click','.follow_btn',function(e){
        e.preventDefault();
        e.stopPropagation();
        var btnHtml = $(this).text();
        if( btnHtml === '移出黑名单'){
            //做响应的加入黑名单操作。
            //1.可以根据数据库删除成功后，重新发起请求刷新页面，
            //2.可以先将页面该条数据删除。
            //以下先做2处理。
            $(this).parents('li').remove();
        }
    })
})